<aside class="sidebar" id="sidebar"
       data-role="sidebar"
       data-menu-scrollbar="false"
       data-toggle=".nav-button"
       data-static-shift=".docs-content, header"
       data-static="xl"
>
    <div class="sidebar-header bg-red">
        <a href="index.html" class="title fg-white text-upper no-decor">Metro_4</a>
    </div>
    <div class="p-2">
        <form class="d-flex flex-align-center flex-justify-between flex-nowrap p-1 pr-2">
            <input type="text" placeholder="Search..." data-role="search" data-clear-button="false" class="mb-0" id="search_input">
        </form>

        <hr/>
    </div>
    <div class="sidebar-menu" data-role="html-container" data-html-source="sidenav.html" data-insert-mode="content"></div>
</aside>
